@import './modules/reset.scss';

$border:1px solid #e1e1e1;
.main{
    width: 1190px;
    margin: 0 auto;
    margin-top: 90px;
    min-height: 1766px;
    .shop-sort{
        height: 30px;
        margin-top: 10px;
        div{
            float: left;
            width: 66px;
            background-color: #e1e1e1;
            margin-left:30px;
            text-align: center;
            font-size: 13px;
        }
    }
    ul{
        margin-top: 9px;
       
        li{
            width: 265px;
            height: 330px;
            border:$border;
            float: left;
            margin-right: 28px;
            margin-bottom: 17px;
            position: relative;
            img{
                width: 245px;
                height: 245px;
                margin: 10px;
            }
            p{  
                width: 245px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-left: 19px;
                font-size: 12px;
                color: #595959;
            }
            b{
                color: #fa585a;
                font-size: 18px;
                margin-left: 50px;
                margin-top: 5px;
                display: inline-block;
            }
            b:before{
                content: "￥";
                font-size: 12px;
                
            }
            i{
                display: inline-block;
                font-size: 13px;
                margin-left: 8px;
                color: #595959;
            }
            .cover{
                width: 245px;
                height: 245px;
                position: absolute;
                top: 10px;
                left: 10px;
                background-color: #595959;
                opacity: 0.5;
                color: #ffffff;
                text-align: center;
                line-height: 245px;
                font-size: 12px;
                display: none;
            }
            &:hover{
                .cover{
                    display: block;
                }
            }
        }
    }
   
}

.paging{
    height: 30px;
    margin-top: 20px;
    margin-left: 80%;
    font-size: 13px;
    display: block;
    div{
        float: left;
        height: 40px;
        width: 66px;
        margin-left: 10px;
        text-align: center;
    }
}